<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>最近阅读</title>
		<meta name="robots" content="all">
		<meta name="googlebot" content="all">
		<meta name="baiduspider" content="all">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<link rel="stylesheet" data-ignore="true" href="/Public/home/css/sprite.8d3e7.css" />
		<script src="/Public/home/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
			.footer{width: 100%;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-top: 1px solid #ddd;display: table;z-index: 9;}
			.footer ul{display: table-row;}
			.footer li{display: table-cell;text-align: center;}
			.footer li a{height: 49px;line-height: 49px;display: block;font-size: 0.9rem;color: #a0a0a0;font-family: "Microsoft Yahei", sans-serif}
			.footer li a.active{color: #ff730b;}
			.footer li a i{width: 17px;height: 17px;display: inline-block;background: url(/Public/home/images/column.png) no-repeat;background-size: 115px 17px;position: relative;top: 4px;margin-right: 6px;}
			.footer li a i.icon-book{background-position: 0 0;}
			.footer li a.active i.icon-book{background-position: -20px 0;}
			.footer li a i.icon-choice{background-position: -42px 0;}
			.footer li a.active i.icon-choice{background-position: -61px 0;}
			.footer li a i.icon-my{background-position: -80px 0;}
			.footer li a.active i.icon-my{background-position: -98px 0;}
		</style>
	</head>
	<body class=" unlogin">
		<script data-ignore="true" src="/Public/home/js/sprite.84759.js"></script>
		<script>
            $(function() {
                $('#footer_nav li a').removeClass('active');
                $('#footer_nav li').eq(0).find("a").addClass('active');
            })
		</script>
		<div class="page page-bookshelft-my">
			<div class="content">
				<header id="header" class="header" data-l1="41">
					<nav class="btn-group btn-group-small">
						<h3 class="btn-group-cell"><a href="/Home/Shelf/index" class="btn-tab">我的书架</a></h3>
						<h3 class="btn-group-cell"><a href="/Home/Shelf/myhistory" class="btn-tab active">最近阅读</a></h3>
						<h3 class="btn-group-cell"><a href="/Home/Shelf/novelsign" class="btn-tab ">我的书签</a></h3>

					</nav>
					<!-- <div class="header-operate"> -->
						<!-- <a id="openSearchPopup" href="/Home/Novel/search" class="icon icon-search" title="搜索" role="button" data-l2="2" data-eid="mqd_O2"> -->
							<!-- <svg> -->
								<!-- <use xlink:href="#icon-search"></use> -->
							<!-- </svg> -->
						<!-- </a> -->
					<!-- </div> -->
				</header>

			</div>
			<div class="footer" id="footer_nav">
				<ul>
					<li>
						<a href="/Home/Shelf/index"><i class="icon-book"></i>书架</a>
					</li>
					<li>
						<a href="/Home/Index/index"><i class="icon-choice"></i>首页</a>
					</li>
					<li>
						<a href="/Home/User/userinfo"><i class="icon-my"></i>我的</a>
					</li>
				</ul>
			</div>
            <ol id="bookEditOl" style="padding-bottom: 12%;" class="book-ol book-ol-progress" data-sort-type="2" data-count-num="3" data-page-size="20">
             
                 <span class="list-split-1">
					<volist name="rows" id="item">
                    <li class="book-li book-init-recomm" data-book-id="1009915605" data-list-type="list-book">
                        <div class="book-layout">
                            <div class="rel">
                                <a href="/Home/Novel/show/id/{$item.chapter_id}/novel_id/{$item.novel_id}" class="mybook-to-detail" aria-hidden="true"> 
                                    <!--<img src="{:C('FILE_HOST_PATH')}.{$item.img}" class="book-cover" alt="">-->
                                    <img src="{$item.img}" class="book-cover" alt="">
                                </a>
                                <a href="/Home/Novel/show/id/{$item.chapter_id}/novel_id/{$item.novel_id}" class="book-title-x">
                                    <h4 class="book-title">{$item.name}
                                       
                                    </h4>
                                </a>
                            </div>
                            <a href="/Home/Novel/show/id/{$item.chapter_id}/novel_id/{$item.novel_id}" class="mybook-to-goon">
                                <div class="book-title-x">
                                    <div class="book-title-r">
                                        <span class="gray">继续阅读</span><svg class="icon icon-arrow-r" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-r"></use></svg>
                                    </div>
                                </div>
                                <div class="book-meta">
                                    <p class="ell"><svg class="icon icon-human" role="img" title="作者"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-human"></use></svg><if condition="$item.writer eq ''">佚名<else/>{$item.writer}</if> | 已看到{$item.chapter}</p>
                                </div>
                            </a>
                            <div class="rel">
                                <a href="/Home/Novel/show/id/{$item.chapter_id}/novel_id/{$item.novel_id}" class="mybook-to-new">
                                    <div class="book-meta">                             
                                        <p class="ell">
                                            <i class="dot red" style="<if condition="$item.dian eq ''">display:none</if>"></i>{$item.tishi}
                                        </p>
                                    </div>
                                </a>
                            </div>  
                        </div>
                        <a href="javascript:" class="mybook-cover-btn" role="checkbox" aria-checked="false" title="书名：奶爸的文艺人生"></a>
                    </li>
					</volist>
                  </span>
            
            </ol>
		</div>

		<a href="#header" class="footer-backtop-circle jsBackToTop" title="返回顶部" data-l1="40" data-eid="mqd_A51">
			<svg class="icon icon-backtop">
				<use xlink:href="#icon-backtop"></use>
			</svg>
		</a>
	</body>
	<script type="text/javascript">
		$('#bookEditBtn').click(function(){
			if($(this).text()=="编辑"){
				$("#bookEditBtnre").show();
				$('.book-layout').css('padding-left','3rem');
				$(this).text("完成");
			}else{
				$("#bookEditBtnre").hide();
				$('.book-layout').css('padding-left','1rem');
				$(this).text("编辑");
			}
		})
		$('.book-init-recomm').click(function(){
			if($(this).attr('class')=='book-li book-init-recomm'){
				$(this).addClass('checked');
			}else{
				$(this).removeClass('checked');
			}			
		})
	</script>
</html>